<template>
  <view class="about-page">
    <view class="header">
      <image :src="developer.img"></image>
      <text>微信扫一扫添加微信</text>
    </view>
    <view class="main">
      <view class="developerItemView" v-for="(item, index) in developer.items" :key="index">
        <view>{{ item.title }}</view>
        <view>{{ item.text }}</view>
      </view>
    </view>
    <view class="footer">
      <text>版本号：{{ developer.versions }}</text>
    </view>
  </view>
</template>


<script>
	export default {
		data() {
			return {
				developer: {
				        img: "../../static/images/wechat.png", // 注意：根据 UniApp 规范调整静态资源路径
				        items: [
				          { title: "开发者姓名", text: "Ltm" },
				          { title: "开发者微信号", text: "1975183149" },
				          { title: "开发者邮箱", text: "1975183149@qq.com" },
				          { title: "开发者博客", text: "1975183149@qq.com" },
				          { title: "开发者CSDN博客", text: "1975183149@qq.com" }
				        ],
				        versions: "1.0.0"
				      },
				}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.about-page {
  .header {
    width: 300rpx;
    margin: 20rpx auto 60rpx;
    text-align: center;
    font-size: 26rpx;

    > image {
      width: 100%;
      height: 300rpx;
    }
  }

  .main {
    padding: 0 40rpx;

    .developerItemView {
      padding-bottom: 30rpx;

      > view:nth-child(1) {
        font-size: 30rpx;
        color: #1067D1;
        padding-bottom: 20rpx;
      }

      > view:nth-child(2) {
        font-size: 26rpx;
        color: rgb(78, 78, 78);
      }
    }
  }

  .footer {
    margin-top: 50rpx;
    text-align: center;
    font-size: 0.7rem;
    color: #1067D1;
  }
}
</style>